
@import '../../../scss/colors.scss';

$border-color: rgba(22,124,240,1);
$border-color-to:rgba(66,120,225,1);

.cards-container{
    
    a {
        text-decoration:none;
        color:none;
    };
    .card{
        font-size: $list-f-size;
        width: 100%;
        border: 1px dashed $span-color;
        border-radius: $radius-size;
        border-radius: $radius-size;
        line-break: 9px;
        line-height: 9px;
        padding: 10px;
        margin-top: 10px;
        .text-c{
            overflow: hidden;
            text-overflow: clip;
            white-space: nowrap; 
            .card-title{
                margin-top: 15px;
                // font-weight: 550;
            };
        };
        .card-text, h2{color: white; padding: 15px 30px;}
        p{font-size: 30px; margin-bottom: 0;padding-top: 5px; line-height:30px;}
    };

    .active{
        border: none;
        color: $bg-color;
        background-image: -webkit-linear-gradient(160deg,$border-color-to 20%,$border-color 80%);
        background-image: -moz-linear-gradient(160deg,$border-color-to 20%,$border-color 80%);
        background-image: linear-gradient(160deg,$border-color-to 20%,$border-color 80%);
    };
};
